<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
// 导入nav组件
export default {
  name: "app",
  created() {
    // this.listenerFunction()
  },
  destroyed() {
    // document.removeEventListener('scroll', this.listenerFunction)
  },
  methods: {
    // listenerFunction(e) {
    //   document.addEventListener('scroll', this.handleScroll, true)
    // },
    // handleScroll() {
    //   // 变量scrollTop是滚动条滚动时，距离顶部的距离
    //   var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
    //   if (scrollTop > 500) {
    //     this.$store.state.isShowNav = true
    //   } else {
    //     this.$store.state.isShowNav = false
    //   }
    //   // 变量windowHeight是可视区的高度
    //   var windowHeight = document.documentElement.clientHeight || document.body.clientHeight
    //   // 变量scrollHeight是滚动条的总高度
    //   var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight
    //   // 滚动条到底部的条件
    //   if (Math.ceil(scrollTop) + windowHeight === scrollHeight) {
    //     // 到了这个就可以进行业务逻辑加载后台数据了
    //     console.log('到了底部到了底部到了底部到了底部到了底部到了底部')
    //   }
    // }
  },
}
</script>
<style></style>
